// 基础布局样式表

$blue:#123DD8;
$unit: 1rpx;
$bor:#e3e3e3;
$red:#ED385B; 
$danger:#FE5E6E;
$success:#4FCAB9;
$danger_sub:#FFEDEF;
$success_sub:#ECF9F7;
.bg_card{
  background: #F9FBFF
}
.bg_white{
  background-color: #ffffff; 
}
.bg_main{
  background-color: #f9f9f9;
}
.bg_blue{
  background-color: $blue;
}
.bge6{
  background-color: #E6F2FF;
}
.bge5{
    background-color: #E5EAFB;
}
.bg_danger{
  background-color: $danger;
}
.bg_success{
  background-color: $success;
}
.bg_danger_sub{
  background-color: $danger_sub;
}
.bg_success_sub{
  background-color: $success_sub;
}
.white,.cfff{
  color: #ffffff;
}
.blue{
	color: $blue;
  }
  .danger{
    color: $danger;
  }
  .success{
    color: $success;
  }
  .red{
    color: $red;
  }
  .c38393A{
    color: #38393A;
  }
  .c47{
    color: #474747;
  }
  .c606267{
    color: #606267;
  }
  .cancel{
    color: #999999;
  }
  .c81{
    color: #818181;
  }
  .c999{
    color: #999;
  }
  .c7d{
    color: #7D7B7B;
  }
  .box{
    box-sizing: border-box;
  }

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  }
  .flex {
	display: flex;
  }
  
  .col {
	flex-direction: column;
  }
  
  .flex1 {
	flex: 1;
  }
  .flex2 {
	flex: 1;
  }
  
  .flex_middle {
	@extend  .flex ;
	align-items: center;
  }
  
  .flex_center {
	@extend  .flex ;
	justify-content: center;
  }
  .flex_mc{
	@extend  .flex_middle ;
	justify-content: center;
  }
  
  .flex_end {
	@extend  .flex ;
	justify-content: flex-end;
  }
  
  .flex_between {
	@extend  .flex ;
	justify-content: space-between;
  }
  .flex_around {
	@extend  .flex ;
	justify-content: space-around;
  }
  
  .text_left {
	text-align: left;
  }
  
  .text_right {
	text-align: right;
  }
  
  .text_center {
	text-align: center;
  }
  
  .relative,.re{
	position: relative;
  }
  .absolute,.ab{
	position: absolute;
  }
  
  .pointer{
	cursor: pointer;
  }
  .bor_t{
	border-top: $unit solid $bor;
  }
  .bor_b{
	border-bottom: $unit solid $bor;
  }
  .bor_r{
    border-right: $unit solid $bor;
    }
  .bor_b1{
    border-bottom: $unit solid #f9f9f9;
    }
  .bor_l{
	border-left: $unit solid $bor;
  }
  .bor_r{
	border-right: $unit solid $bor;
  }
  .bor{
	border: $unit solid $bor;
  }
  .bor_b_dash{
	border-bottom: $unit dashed $bor;
  }
  .radius{
	border-radius: 8rpx;
  }
  .wid00{
	width: 100%;
  }
  .hei00{
	height: 100%;
  }
  .bold500{
	font-weight:500;
  }
  .bold600{
	font-weight:600;
  }
  .bold700{
	font-weight:700;
  }
  .bold{
	font-weight: bold;
  }

    // 滚动条样式
    .overflow_y{
      overflow-y: scroll;
   
      &::-webkit-scrollbar {
          width: 5px;
      }
      &::-webkit-scrollbar-thumb {
          border-radius: 10px;
          background:  rgba(0,0,0,0.45);
      }
      &::-webkit-scrollbar-track {
          border-radius: 0;
          background: rgba(0,0,0,0);
      }
      
  
    }



    @for $i from 1 to 100 {
      .size#{$i} { font-size: $unit * $i }
      .radius#{$i} { border-radius: $unit * $i }
    }

    @for $i from 1 to 300 {
  
      .wid#{$i} { width: $unit * $i }
      .hei#{$i} { height: $unit * $i }
      .pad#{$i} { padding: $unit * $i }
      .pad_l#{$i} { padding-left: $unit * $i }
      .pad_r#{$i} { padding-right: $unit * $i }
      .pad_t#{$i} { padding-top: $unit * $i }
      .pad_b#{$i} { padding-bottom: $unit * $i }
      
      .mar#{$i} { margin: $unit * $i }
      .mar_l#{$i} { margin-left: $unit * $i }
      .mar_r#{$i} { margin-right: $unit * $i }
      .mar_t#{$i} { margin-top: $unit * $i }
      .mar_b#{$i} { margin-bottom: $unit * $i }
    
    }
  



  .minhei100{
    min-height: 100rpx;
  }
  .vw100{
    width: 100vw;
  }
  .vh40{
    height: 40vh;
  }
  .vh100{
    height: 100vh;
  }


  // 全局状态栏高
  .status_bar_height{
    height:  var(--status-bar-height);
  }
  .radius_r3{
    border-top-right-radius: 6rpx;
    border-bottom-right-radius: 6rpx;
  }
   // 自定义导航栏过渡色
  .nav_self{
	  background: linear-gradient(360deg, rgba(2,111,255,0.97) 0%, rgba(59,142,253,0.79) 100%);
  }
  
  // 除了navbar外的其其可视区域高
  .wrap_con {
    height: calc(100vh  -44px  - var(--status-bar-height));
  }
  .img_bor{
    box-shadow: 0rpx 0rpx 4rpx 0rpx rgba(0,0,0,0.05);
  }
  .close_style{
    position: fixed;
    top: 80rpx;
    left:40rpx;
    padding: 20rpx;
  }


  
  
  
  
  